body{
	background:#F6F8F9;color:#333;
}

/*layui默认样式清除*/
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea{
	border-color:transparent;
}
.layui-nav-tree .layui-nav-bar{
	background:#00c1de;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
	background:#00c1de;
}
.layui-form-radio>i:hover, .layui-form-radioed>i{
	color:#00c1de;
}
.layui-nav .layui-nav-item a{
	padding:0 25px;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
	background:#00c1de;
}

/*滚动条整体部分*/
::-webkit-scrollbar{
	width:5px;height:5px;
}
/*滚动条两端按钮*/
::-webkit-scrollbar-button{
	display:none;
}
/*滚动条外层轨道*/
::-webkit-scrollbar-track{
	display:none;
}
/*滚动条内层轨道*/
::-webkit-scrollbar-track-piece{
	/*border-radius:5px;*/
}
/*滚动条*/
::-webkit-scrollbar-thumb{
	background:#ccc;
	border-radius:5px;
}


/*导航样式*/
.ripple{
	position:relative;overflow:hidden;transform:translate3d(0,0,0)
}
.ripple:after{
	content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;
	pointer-events:none;background-image:radial-gradient(circle,#000 10%,transparent 10.01%);
	background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;
	transition:transform .5s,opacity 1s
}
.ripple:active:after{
	transform:scale(0,0);opacity:.2;transition:0s
}


.kt-wx-nav{
	height:80px;box-shadow: 0 0 5px rgba(0,0,0,.1);
	position:absolute;top:0;left:0;right:0;
}
.kt-wx-nav .layui-nav .layui-nav-item{
	line-height:80px;
}
.kt-wx-nav>div:first-child{
	text-align:left;padding-left:65px;background:#fff;
}
.kt-wx-nav>div:last-child{
	text-align:right;padding-right:65px;background:#fff;
}
.kt-wx-nav .layui-nav{
	background:#fff;color:#333;
}
.kt-wx-nav .layui-nav a{
	color:#333;
}
.kt-wx-nav .kt-logo{
	line-height:80px;
}
.kt-wx-nav .kt-logo a p{
	color:#333;font-size:36px
}
.layui-nav .layui-nav-more{
	border-top-color:#333;
}
.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more{
	border-color:transparent transparent #333;
}
.kt-wx-nav .layui-nav .layui-nav-item a:hover, .kt-wx-nav .layui-nav .layui-this a{
	color:#333;
}
.kt-wx-nav .layui-nav-child{
	top:85px;
}

/*侧边导航样式*/
.kt-wx-nav-tree{
	position: absolute;
	top:120px;left:65px;bottom:40px;
	overflow-y: auto;
	background:transparent;
}
.kt-wx-nav-tree .layui-nav-item a:hover{
	color:#333;background:#f2f2f2;
}
.kt-wx-nav-tree li>a{
	font-size:18px;
}
.kt-wx-nav-tree li>a>i{
	font-size:22px;width:30px;text-align: center;
}
.kt-wx-nav-tree .layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover{
	color:#333!important;
}
.kt-wx-nav-tree .layui-nav-itemed>.layui-nav-child{
	background-color:transparent!important;padding-top:10px;padding-bottom:10px;
	    padding-left: 30px;box-sizing: border-box;
}
.kt-wx-nav-tree .layui-nav-item a{
	color:#333;
	background:transparent;
}
.kt-wx-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
	background:transparent;color:#333;
}
.kt-wx-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover
{
	background:transparent;color:#333;
}

/*右侧主体*/
.content{
	position: absolute;
	top:120px;bottom:0;
	left:265px;right:0;
	box-sizing: border-box;
	padding:0 65px;
}
.content .con{
	margin-top:30px;background:#fff;
	box-sizing: border-box;
	padding: 24px 40px;box-shadow: 0 0 5px rgba(0,0,0,.1)
}
.kt-wx-msg p{
	font-size:14px;
}
.layui-elem-quote{
	line-height: unset;display: flex;border-color:#FFB800;
}
.layui-elem-quote div{
	display: block;float: left;
}
.layui-elem-quote div:first-child{
	margin-right:20px;
}
.kt-wx-msg .layui-icon-tips{
	font-size:36px;border-radius: 50px;color:#FFB800;
}

.content .con .con-body{
	padding:35px 0;display: flex;position: relative;
}
.con-body .left>div{
	width:300px;height:580px;background:url(https://knowthat.oss-cn-beijing.aliyuncs.com/7a41b22ab2cb167bdff1040800f69d8e.png) top center no-repeat;
	background-size:100% auto;position:relative;border:1px solid #e7e7eb;box-sizing: border-box;
}
.con-body .left .wx-public-number-title{
	position:absolute;top:30px;text-align: center;width:100%;color:#fff;font-size:16px;
}
.con-body .left .wx-public-number-keybords{
	position:absolute;bottom:0;width:100%;height:50px;background:#c2c2c2;box-sizing: border-box;background:url(https://knowthat.oss-cn-beijing.aliyuncs.com/f168f3c07e34057a69f13d46ae1388e2.png) center no-repeat;background-size:100% 100%;border-top:1px solid #e7e7eb;padding-left:40px;
}
.con-body .left .wx-public-number-keybords>ul{
	float: left;height: 100%;
}
.con-body .left .wx-public-number-keybords>ul>li{
	width:86px;height:100%;float:left;border-left:1px solid #e7e7eb;box-sizing: border-box;
	
}
.con-body .left .wx-public-number-keybords li>ul{
	position: absolute;bottom:60px;display:none;z-index:1  ;
}
.con-body .left .wx-public-number-keybords li>ul>li{
	width:86px;height:50px;border:1px solid #e7e7eb;box-sizing: border-box;border-bottom:1px solid transparent;
}
.con-body .left .wx-public-number-keybords li>ul>li:nth-last-child(3){
	border-bottom:1px solid #e7e7eb;
}
.con-body .left .wx-public-number-keybords li>a{
	width:100%;height:100%;display: flex;justify-content: center;align-items: center;
}
.con-body .left .wx-public-number-keybords li>ul>li:hover{
	background: #eee;
}
.con-body .left .wx-public-number-keybords>ul .wx-menu-bottom{
	bottom: -4px;display: inline-block;width: 0;height: 0;
	border-width: 6px;border-style: dashed;border-color: transparent;border-bottom-width: 0;border-top-color: #fafafa;border-top-style: solid;
	position: absolute;left:50%;margin-left: -6px;z-index:1;
}
.con-body .left .wx-public-number-keybords>ul .wx-menu-bottom:last-child{
	bottom: -5px;z-index:0;border-top-color: #d0d0d0;
}

.con-body .left .wx-public-number-keybords .active{
	border:1px solid #00c1de!important;
}
.con-body .left .wx-public-number-keybords .active>a{
	color:#00c1de;
}

.con-body .left .wx-public-number-keybords .wx-menu-add>span{
	font-size:20px;color:#ccc!important;transform: rotate(45deg);
}
.con-body .right{
	box-sizing: border-box;padding:15px 20px;background:#f4f5f9;
	border: 1px solid #e7e7eb;position: absolute;left:330px;height:580px;right:0;
}
.con-body .right>span{
	display: inline-block;width: 0;height: 0;border-width: 12px;
	border-style: dashed;border-color: transparent;border-left-width: 0;border-right-color: #e7e7eb;border-right-style: solid;
	position: absolute;left: -12px;bottom: 15px;
}
.con-body .right>.wx-menu-left:nth-last-child(2){
	left: -10.5px;border-right-color: #f4f5f9;z-index:1;
}
.con-body .right .wx-public-number-title{
	padding-bottom:15px;box-sizing:border-box;border-bottom:1px solid #e7e7eb;
}
.con-body .right .wx-public-number-title a{
	color:#01AAED;float:right;
}
.con-body .right>div{
	margin-top:35px;
}
.con-body .layui-form-radio{
	width:100%;height:100%;
}
.con-body .right .kt-input-tips{
	color:#8d8d8d;padding-top:5px;display: block;
}
.con-body .right .layui-form-item .layui-tab .layui-tab-content{
	background:#fff;border:1px solid #e7e7eb;padding:0;
}
.con-body .right .layui-form-item>.layui-input-block>.layui-tab>.layui-tab-content{
	margin-top:10px;
}
.con-body .right .layui-form-item .layui-tab .layui-tab-content .layui-tab{
	margin:0;
}
.con-body .right  .layui-form-item .layui-tab .layui-tab-content .layui-tab .layui-tab-title{
	background:#f6f8f9;padding:5px 0;
}
.con-body .right .layui-form-item .layui-tab .layui-tab-content .layui-tab .layui-tab-title .layui-this{
	color:#00c1de;
}

.wx-img-txt{
	display:flex;justify-content:center
}
.wx-img-txt>.layui-row{
	width:70%;padding:40px;
}
.wx-img-txt>.layui-row>div{
	display:flex;justify-content:center;align-items:center;text-align: center;padding:15px;
}
.wx-img-txt>.layui-row>div>a{
	width:120px;height:120px;
}
.wx-img-txt>.layui-row>div>a>span:first-child{
	display: block;font-size:30px;padding-bottom:15px;margin-top:30px;
}
.kt-form-btn{
	background: #00c1de;
}
.layui-btn-primary:hover{
	border-color:#00c1de;
}